<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /* 
        模块化:  在 JavaScript 中，模块化指的是将代码分割成小的、独立的模块，每个模块只关注特定的功能或任务。常见的模块化规范有 CommonJS、AMD、CMD 和 ES6 Modules。
            特征: 
            1. 将代码拆分成相互依赖的小模块
            2. 按需暴露  按需引入  
            3. 提高代码的执行效率,代码结构更清晰
            4. 后期维护方法


        组件化:   组件化是将页面拆分成独立的、可复用的组件，每个组件负责自己的 UI 和交互逻辑( (每一个组件都是一个独立功能,包含完整的html + css + js))。通过组件化可以提高代码的可维护性和复用性，同时方便团队协作开发。

            特征: 
            1. 将页面拆分成独立的、可复用的组件
            2. 组件可以复用的  
            3. 提高代码的执行效率,代码结构更清晰
            4. 后期维护方法

            在Vue中,每一个组件都是一个vue实例, 有自己的配置项(data methods computed watch 生命周期钩子)
    */

</script>
</html>